<template>
  <div>
    <el-input v-model="email" placeholder="Please input" clearable />
    <p>{{email}}</p>
    <hr>
    <el-input v-model="password" placeholder="Please input password" show-password />
    <hr>
    <div class="slider-demo-block">
      <el-slider v-model="value" show-input> </el-slider>
    </div>
    <hr>
    <div class="block">
      <span class="demonstration">When you have more than 7 pages</span>
      <el-pagination layout="prev, pager, next" :total="1000"></el-pagination>
    </div>
  </div>
</template>

<script>
export default {
  name: 'App',
  data(){
    return { email: '' , password: '' , value: 50 }
  }
}
</script>

<style>
</style>
